﻿<!--
Copyright (c) Microsoft Corporation. All rights reserved
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <script src="/js/scenario1.js"></script>
</head>

<body class="win-type-body">
    <div id="scenarioView">
        <div>
            <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
            <div id="scenarioDescription">
                <p>Authenticate to Facebook</p>
            </div>
        </div>
        <div id="scenarioContent">
            <div>Use these SID values to register the app with Facebook.</div>
            <div>Windows Store SID: <span id="windowsStoreSidText"></span></div>
            <div>Windows Phone Store SID: <span id="windowsPhoneStoreSidText"></span></div>
            <table>
                <tr>
                    <td>
                        <label for="facebookClientID">Facebook App ID: </label>
                    </td>
                    <td>
                        <input type="text" id="facebookClientID" value="" class="win-textbox">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="facebookCallbackURL">Callback URL: </label>
                    </td>
                    <td>
                        <input type="text" id="facebookCallbackURL" value="https://www.facebook.com/connect/login_success.html" class="win-textbox">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <button class="action win-button" id="oAuthFacebookLaunch" style="width:100%">Launch</button>
                    </td>
                </tr>
                <tr>
                    <td class="labelTD">
                        <label for="facebookReturnedToken">Token: </label>
                    </td>
                    <td id="facebookReturnedToken">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="facebookUserName">User Name: </label>
                    </td>
                    <td id="facebookUserName">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>

</html>